<template>
    <div>
        <el-container style="height: 600px; border: 1px solid #eee">
            <!-- 页面头部 -->
            <el-header style="font-size: 40px; background: linear-gradient(to right, #0abdfe, #67f0e0)">
                <img src="@/assets/logo.png" />
                <img src="@/assets/user2-160x160.jpg" style="width:50px; float: right;  border-radius: 50%; ;" />
            </el-header>
            <el-container>
                <!-- 侧边导航栏 -->
                <el-aside width="200px">
                    <el-menu :default-openeds="['1', '2', '3']" text-color="#333333">
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-s-cooperation" /> 数据管理
                            </template>
                            <router-link to="/item">
                                <el-menu-item index="1-1">
                                    <i class="el-icon-star-off" /> 检查项管理
                                </el-menu-item>
                            </router-link>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                                <i class="el-icon-s-custom" /> 会员管理
                            </template>
                            <router-link to="/customer">
                                <el-menu-item index="2-1">
                                    <i class="el-icon-ship" /> 会员管理
                                </el-menu-item>
                            </router-link>
                        </el-submenu>

                        <el-submenu index="3">
                            <template slot="title">
                                <i class="el-icon-s-data" /> 统计分析
                            </template>
                            <router-link to="/reportCustomer">
                                <el-menu-item index="3-1">
                                    <i class="el-icon-pie-chart" /> 客户统计分析
                                </el-menu-item>
                            </router-link>
                        </el-submenu>
                    </el-menu>
                </el-aside>
                <!-- 主体展示内容 -->
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
export default {};
</script>


<style>
* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: black;
}
</style>